<!DOCTYPE html>
<html lang="en">

<head>
  <title></title>
  <meta charset="utf-8" />
  <meta name="viewport"
    content="width=device-width,target-densitydpi=device-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="format-detection" content="email=no" />
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <script src="js/base.js"></script>
  <script src="libs/jquery.js"></script>
  <script src="libs/transit.js"></script>
  <link rel="stylesheet" type="text/css" href="libs/bootstrap/css/bootstrap.min.css" />
  <script src="libs/bootstrap/js/bootstrap.min.js"></script>
  <link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
  <script>
    ibase.load("css/index.css"); //无缓存加载文件
    ibase.load("css/home.css"); //无缓存加载文件
    ibase.load("css/product.css");//品牌
    ibase.load("css/aboutUs.css");//品牌
    ibase.load("css/strength.css");//研发实力
    //模拟点击按钮
    var a = document.querySelector(".navbar-toggle");
    $(".navbar-nav li a").on("click", function () {
      a.click();
    });
  </script>
</head>

<body>
  <footer class="navbar-fixed-top">
    <!-- 手机端 -->
    <nav class="nav navbar-fixed-top visible-xs-block" style="background-color: #0c9444; color: #fff;">
      <div class="container-fluid">
        <div class="navbar-header">
          <!--在移动端的时候导航条折叠起来，三横的样式出现，点击该样式可以显示或隐藏导航条上的内容-->
          <button class="navbar-toggle" data-toggle="collapse" data-target="#menu">
            <span class="icon-bar whitebg"></span>
            <span class="icon-bar whitebg"></span>
            <span class="icon-bar whitebg"></span>
            <span class="icon-bar whitebg"></span>
          </button>
          <a class="navbar-brand" href="#" style="text-align: center;"><img class="logo" width="100px" height="30px"
              src="./images/logo.png" alt=""></a>
        </div>
        <div id="menu" class="collapse navbar-collapse">
          <ul class="nav navbar-nav" style="color:#fff">

            <li><a id="homeBox1" class="white">首页</a></li>
            <li><a id="aboutBZ1" class="white">关于博仲</a></li>
            <li><a id="product1" class="white">品牌产品</a></li>
            <li><a id="strength1" class="white">研发实力</a></li>
            <li><a id="science1" class="white">健康科普</a></li>
            <li><a class="white">会员club</a></li>
            <li><a id="weixin" class="white">微信商城</a></li>
          </ul>
        </div>
      </div>
    </nav>
    <!-- 移动端 -->
    <div class=" topTag visible-md-block visible-lg-block">
      <img class="topbg" src="./images/top.png" alt="">
      <img class="logo" src="./images/logo.png" alt="">
      <div class="tags">
        <a class="tag tactived" data-key="0">
          <span>首页</span>
          <img class="check" src="./images/check.png" alt="">
          <img class="nocheck" src="./images/nocheck.png" alt="">
        </a>
        <a class="tag" data-key="1">
          <span>关于博仲</span>
          <img class="check" src="./images/check.png" alt="">
          <img class="nocheck " src="./images/nocheck.png" alt="">
        </a>
        <a class="tag" data-key="2">
          <span>品牌产品</span>
          <img class="check" src="./images/check.png" alt="">
          <img class="nocheck " src="./images/nocheck.png" alt="">
        </a>
        <a class="tag" data-key="3">
          <span>研发实力</span>
          <img class="check" src="./images/check.png" alt="">
          <img class="nocheck " src="./images/nocheck.png" alt="">
        </a>
        <a class="tag" data-key="4">
          <span>健康科普</span>
          <img class="check" src="./images/check.png" alt="">
          <img class="nocheck " src="./images/nocheck.png" alt="">
        </a>
        <a class="tag" data-key="5">
          <span>会员club</span>
          <img class="check" src="./images/check.png" alt="">
          <img class="nocheck" src="./images/nocheck.png" alt="">
        </a>
        <a class="tag" data-key="6">
          <span>微信商城</span>
        </a>
      </div>

    </div>
  </footer>
  <div class="container">
    <div class="row">
      <section id="home"></section>
      <section id="product" class="_hide"></section>
      <section id="strength" class="_hide"></section>
      <section id="science" class="_hide"></section>
      <section id="aboutUs" class="_hide"></section>
      <section id="wz" class="_hide"></section>
      <section id="stopping" class="_hide"></section>
    </div>
  </div>
</body>
<script src="./libs/swiper.min.js"></script>
<script>
  // 加载各页面
  $("#home").load("template/home.html"); //首页
  $("#product").load("template/product.html"); //首页
  $("#strength").load("template/strength.html"); //首页
  $("#aboutUs").load("template/aboutUs.html"); //首页
  $("#science").load("template/science.html"); //首页
  $("#wz").load("template/wenzhang.html"); //首页
  $("#stopping").load("template/threelist.html"); //首页
  ibase.load("js/index.js");
  var a = document.querySelector(".navbar-toggle");
  $(".navbar-nav li a").on("click", function () {
    a.click();
  });

</script>

</html>